{%- extends "managerModal.html" -%}

{%- block instructions -%}
  {%- if data.limit == 1 -%}
    {{ __ns('apostrophe', 'Choose ' + data.options.label + ' to associate with this item.') }}
  {%- else -%}
    {{ __ns('apostrophe', 'Choose ' + data.options.pluralLabel + ' to associate with this item.') }}
  {%- endif -%}
{%- endblock -%}

{%- block modalClass -%}
  apos-{{ data.options.name | css }}-manager apos-{{ data.options.name | css }}-manager--chooser apos-manager apos-manager--chooser apos-ui-modal-no-sidebar apos-modal-slideable
{%- endblock -%}

{%- block controls -%}
  {{ module.chooserControls() }}
{%- endblock -%}

{%- block label -%}
  {%- if data.limit == 1 -%}
    {{ __ns('apostrophe', 'Choose ' + data.options.label) }}
  {%- else -%}
    {{ __ns('apostrophe', 'Choose ' + data.options.pluralLabel) }}
  {%- endif -%}
{% endblock %}

{%- block breadcrumb -%}
  <ul class="apos-modal-breadcrumb" data-modal-breadcrumb>
    {# js populates me with label(s), sometimes with added context #}
    <li data-modal-breadcrumb-item></li>
  </ul>
{%- endblock -%}

{% block modalBodyClass %}apos-modal-body--chooser{% endblock %}

{%- block body -%}
  <div class="apos-chooser" data-chooser></div>
  <div class="apos-chooser-manage-view-wrapper">
    <div class="apos-manage-view apos-manage-view--chooser" data-apos-manage-view>
      {# ajax populates me with either the grid view or the table view #}
    </div>
  </div>
{%- endblock -%}

{%- block batch -%}
  {# Batch operations would conflict with our use of the checkboxes. -Tom #}
{%- endblock -%}